<%-- 
    Document   : centralSlide
    Created on : May 11, 2012, 8:20:20 PM
    Author     : DAIDUONG
--%>
<!-- Stylesheets For Slide Central -->
<link rel="stylesheet" href="public/css/nivo-themes/default/default.css" type="text/css" media="screen" />
<link rel="stylesheet" href="public/css/styles/nivo-slider.css" type="text/css" media="screen" />

<script type="text/javascript" src="public/js/jquery/jquery.nivo.slider.pack.js"></script>

	<!--Code  for Central Slide-->
	<script type="text/javascript">
	
    $(window).load(function() {
		    $('#slider').nivoSlider({
		        effect: 'random', // Specify sets like: 'fold,fade,sliceDown'
		        slices: 15, // For slice animations
		        boxCols: 8, // For box animations
		        boxRows: 4, // For box animations
		        animSpeed: 500, // Slide transition speed
		        pauseTime: 4000, // How long each slide will show
		        startSlide: 0, // Set starting Slide (0 index)
		        directionNav: true, // Next & Prev navigation
		        directionNavHide: false, // Only show on hover
		       
		        keyboardNav: true, // Use left & right arrowss
		        pauseOnHover: true, // Stop animation while hovering
		        manualAdvance: false, // Force manual transitions
		        captionOpacity: 0.8, // Universal caption opacity
		        prevText: 'Prev', // Prev directionNav text
		        nextText: 'Next', // Next directionNav text
		        beforeChange: function(){}, // Triggers before a slide transition
		        afterChange: function(){}, // Triggers after a slide transition
		        slideshowEnd: function(){}, // Triggers after all slides have been shown
		        lastSlide: function(){}, // Triggers when last slide is shown
		        afterLoad: function(){} // Triggers when slider has loaded
		    });
		});
	</script>
	<div style="padding:1px;"></div>
	<!-- BEGIN  central slide gallery-->
    <div class="slider-wrapper theme-default">
		<div id="slider" class="nivoSlider">
			<div class="imgslider_cont2">
				<a href="product-page.html" class="nivo-imageLink2"><img src="public/images/Product_photos/main.jpg" alt=""/></a>
			</div>
			<a href="product-page.html" class="nivo-imageLink2"><img src="public/images/Product_photos/main1.jpg" alt="" /></a> 
			<a href="product-page.html" class="nivo-imageLink2"><img src="public/images/Product_photos/main2.jpg" alt=""/></a> 
		</div>
		<div class="nav_border"></div>
    </div>
    <div style="clear:both;"></div>
    <!-- END  central slide gallery -->
